<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
          
		  div{
			  box-sizing: border-box;
		  }
		  .container{
			  width: 600px;
			  height: 500px;
			  border:solid 1px #000000;
			  display: flex;   	/* 让容器变成伸缩盒子 */
			 
		  }
		  		  
		  .container .item{
			 
			  border:  solid  1px grey;
			  
		  }
			
        </style>
    </head>
    <body>

		<div class="container" >
			
			<div class="item" style="height: 90px;flex-grow: 1;" >
				111111111
			</div>
			<div class="item" style="height: 120px;flex-grow: 2;" >
				2
			</div>
			
			<div class="item" style="height: 110px;flex-grow: 2;" >
				3
			</div>
			
			<div class="item" style="height: 80px;flex-grow: 2;" >
				4
			</div>
			
			
		</div>
				
				
				
				
				
				

    </body>
</html>